/* pages/home/home.wxss */
.page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;

  .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .conten {
    width: 100%;
    box-sizing: border-box;
    padding: 83.58rpx 50rpx 50rpx 50rpx;

    .tit {
      color: rgb(255, 255, 255);
      font-size: 40rpx;
      font-weight: 350;
      line-height: 60rpx;
      letter-spacing: 3.2rpx;
      text-align: left;
      margin-bottom: 91rpx;
    }

    .inputFlase {
      color: rgb(232, 55, 55);
      font-family: 思源黑体 CN;
      font-size: 23rpx;
      font-weight: 350;
      letter-spacing: 1.84rpx;
      text-align: left;
      margin-top: 8rpx;
    }



  }

  .inputConBox {
    .selBox {
      display: flex;
      align-items: center;
      margin-bottom: 68rpx;
      padding: 6.48rpx 24.5rpx;
      box-sizing: border-box;
      .radioBox {
        display: flex;
        align-items: center;
        margin-left: 150rpx;
      }

      .radios {
        margin-right: 12rpx;
        width: 24rpx;
        height: 24rpx;
        display: flex;

        image {
          width: 100%;
        }
      }

      .radiostit {
        color: rgb(255, 255, 255);
        font-family: 思源黑体 CN;
        font-size: 28rpx;
        line-height: 35rpx;
        font-weight: 350;
        letter-spacing: 0px;
        text-align: left;
      }

      .seltit {
        color: rgb(255, 255, 255);
        font-family: 思源黑体 CN;
        font-size: 28rpx;
        font-weight: 350;
        letter-spacing: 0px;
        text-align: left;
      }
    }

    .input2box {
      width: 100%;
      padding: 6.48rpx 24.5rpx;
      box-sizing: border-box;
      border-bottom: 1px solid #fff;
      display: flex;
      margin-bottom: 72.52rpx;
      .inputr {
        flex: 1;
        display: flex;
        align-items: center;

        .inputit {
          color: rgb(255, 255, 255);
          font-family: 思源黑体 CN;
          font-size: 28rpx;
          font-weight: 350;
          line-height: 42rpx;
          letter-spacing: 0px;
          text-align: left;
          white-space: nowrap;
        }
        .inpuline{
          width: 1rpx;
          height: 24rpx;
          background-color: #fff;
        }
        .input {
          flex: 1;
          color: rgb(255, 255, 255);
          font-family: 思源黑体 CN;
          font-size: 20rpx;
          font-weight: 350;
          line-height: 30rpx;
          letter-spacing: 0px;
          text-align: left;
          padding: 0px 20rpx;
          box-sizing: border-box;
          &::placeholder{
            color: rgba(255,255,255,0.6);
          }
        }
        .inputfown{
          width: 25rpx;
        }

        .inputTit {
          color: rgb(255, 255, 255);
          font-family: 思源黑体 CN;
          font-size: 28rpx;
          font-weight: 350;
          line-height: 42rpx;
          letter-spacing: 0px;
          text-align: left;
          color: #fff;
        }

        .inputCon {
          color: rgb(255, 255, 255);
          font-family: Helvetica;
          font-size: 28rpx;
          font-weight: 300;
          letter-spacing: 0px;
          text-align: left;
          flex: 1;
          padding-left: 30rpx;
          box-sizing: border-box;
        }

        .inputDes {
          color: rgb(255, 255, 255);
          font-family: 思源黑体 CN;
          font-size: 20rpx;
          font-weight: 350;
          letter-spacing: 0px;
          text-align: left;
          color: rgba(255, 255, 255, 0.6);
        }
      }
    }
  }

  .inputBox {
    width: 100%;
    box-sizing: border-box;
    padding: 7rpx 24.5rpx;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;

    .inputTit {
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 28rpx;
      font-weight: 350;
      line-height: 42rpx;
      letter-spacing: 0px;
      text-align: left;
      color: #fff;
    }

    .inputCon {
      color: rgb(255, 255, 255);
      font-family: Helvetica;
      font-size: 28rpx;
      font-weight: 300;
      letter-spacing: 0px;
      text-align: left;
      flex: 1;
      padding-left: 30rpx;
      box-sizing: border-box;
    }

    .inputDes {
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 20rpx;
      font-weight: 350;
      letter-spacing: 0px;
      text-align: left;
      color: rgba(255, 255, 255, 0.6);
    }
  }

  .selOne {
    display: flex;
    align-items: center;
    margin-top: 77.8rpx;

    .selimg {
      width: 29rpx;
      height: 29rpx;
      display: flex;

      image {
        width: 29rpx;
      }


    }

    .seltext {
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 20rpx;
      font-weight: 350;
      line-height: 30rpx;
      letter-spacing: 1rpx;
      text-align: left;
      color: #fff;
      padding-left: 15rpx;
    }
  }

  .maskdes {
    color: rgba(255, 255, 255, 0.7);
    font-family: 思源黑体 CN;
    font-size: 20rpx;
    font-weight: 350;
    line-height: 35rpx;
    letter-spacing: 1rpx;
    text-align: left;
    margin-top: 103.2rpx;
  }

  .btnBox {
    padding: 0px 75rpx;
    margin-top: 115rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .btnregister {
      width: 100%;
    }

    .backLogin {
      width: 148rpx;
      margin-top: 132rpx;
    }
  }

}